<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <!--[if gt IE 8]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <![endif]-->

    <title>液位检测监控系统</title>

    <!-- CSS -->
    <link rel="stylesheet" href="/static/css/drop-down.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/supersized.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/buttons.css">
    <link rel="stylesheet" type="text/css" href="/static/css/default.css">
    <link rel="stylesheet" type="text/css" href="/static/css/styles_bar.css">
    <link type="text/css" rel="stylesheet" media="all" href="/static/css/style_alert.css" />
    <link href="/static/css/stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/reveal.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/style_abnormal.css" rel="stylesheet" type="text/css" />

    <!--[if lt IE 8]>
    <link href="css/ie7.css" rel="stylesheet" type="text/css" />
    <![endif]-->

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="/static/js/html5.js"></script>
    <![endif]-->
    <script src="/static/js/jquery-1.8.2.min.js" ></script>
    <script src="/static/js/supersized.3.2.7.min.js" ></script>
    <script src="/static/js/scripts.js" ></script>
    <script src="/static/js/modernizr.custom.79639.js" ></script>

    <script type='text/javascript' src='/static/js/jquery.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery-ui.min.js'></script>


</head>

<body>

<div class="header">
    <div class="logo">液位检测监控系统</div>

</div>

<div class="menu">

    <div class="breadLine">
        <div class="adminControl active">
            你好,{{.admin.UserName}}
        </div>
    </div>

    <ul class="navigation">
        <li>
            <a href="index.html">
                <span class="isw-graph"></span><span class="text">在线设备</span>
            </a>
        </li>
        <li>
            <a  class="a-alert test" href="#">
                <span class="isw-settings"></span><span class="text">显示设置</span>
            </a>
        </li>
        <li class="active">
            <a href="history.html">
                <span class="isw-zoom"></span><span class="text">历史查询</span>
            </a>
        </li>
        <li>
            <a href="/admin/show_admin_index/{{.UserID}}">
                <span class="isw-cancel"></span><span class="text">退出</span>
            </a>
        </li>
    </ul>

    <div class="dr"><span></span></div>

    <div class="widget-fluid">
        <div id="menuDatepicker"></div>
    </div>

    <div class="dr"><span></span></div>

    <div class="widget-fluid">
        <div class="wBlock clearfix">
            <div class="dSpace">
                <h3>当前部门</h3>
                <span class="number">6,302</span>

            </div>
            <div class="rSpace">
                <h3>当前部门</h3>
                <span class="mChartBar" sparkType="bar" sparkBarColor="white"></span>
                <span>&nbsp;</span>
                <span>65% <b>New</b></span>
                <span>35% <b>Returning</b></span>
            </div>
        </div>
    </div>

    <div class="dr"><span></span></div>

</div>

<div class="content">

    <div class="breadLine">
        <ul class="breadcrumb">
            <li>历史查询<span class="divider">></span></li>
            <li class="active">条件搜索</li>
        </ul>
    </div>

    <div class="workplace">

        <div class="row-fluid">
            <div class="span6" style="width:40%;margin-left: 30%;">
                <div class="block-fluid without-head">
                    <div class="toolbar clearfix">
                        <div class="left">
                            条件搜索
                        </div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">起始时间</div>
                        <div class="span9"><input type="text" name="name" value="Dmitry"/></div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">截止时间</div>
                        <div class="span9"><input type="text" name="surname" value="Ivaniuk"/></div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">部门</div>
                        <div class="span9"><input type="text" name="email" value="aqvatarius@gmail.com"/></div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">起始床号</div>
                        <div class="span9"><input type="text" name="name" value="Dmitry"/></div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">截止床号</div>
                        <div class="span9"><input type="text" name="name" value="Dmitry"/></div>
                    </div>

                    <div class="row-form clearfix">
                        <div class="span3">截止床号</div>
                        <div class="span9"><input type="text" name="name" value="Dmitry"/></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="dr"><span></span></div>

        <div class="row-fluid">

            <div class="span12">
                <div class="head clearfix">
                    <div class="isw-grid"></div>
                    <h1>柱状图统计</h1>
                </div>
                <div class="block">
                    <div id="chart-2" style="height: 300px; margin-top: 10px;">

                    </div>
                </div>
            </div>

        </div>

        <div class="dr"><span></span></div>

        <div class="row-fluid">

            <div class="span12">
                <div class="head clearfix">
                    <div class="isw-grid"></div>
                    <h1>病患统计列表</h1>
                </div>
                <div class="block-fluid table-sorting clearfix">
                    <table cellpadding="0" cellspacing="0" width="100%" class="table" id="tSortable">
                        <thead>
                        <tr>
                            <th><input type="checkbox" name="checkall"/></th>
                            <th width="25%">ID</th>
                            <th width="25%">Name</th>
                            <th width="25%">E-mail</th>
                            <th width="25%">Phone</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>101</td>
                            <td>Dmitry</td>
                            <td>dmitry@domain.com</td>
                            <td>+98(765)432-10-98</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>102</td>
                            <td>Alex</td>
                            <td>alex@domain.com</td>
                            <td>+98(765)432-10-99</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>103</td>
                            <td>John</td>
                            <td>john@domain.com</td>
                            <td>+98(765)432-10-97</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>104</td>
                            <td>Angelina</td>
                            <td>angelina@domain.com</td>
                            <td>+98(765)432-10-90</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>105</td>
                            <td>Tom</td>
                            <td>tom@domain.com</td>
                            <td>+98(765)432-10-92</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>106</td>
                            <td>Helen</td>
                            <td>helen@domain.com</td>
                            <td>+98(765)432-11-33</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>107</td>
                            <td>Aqvatarius</td>
                            <td>aqvatarius@domain.com</td>
                            <td>+98(765)432-15-66</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>108</td>
                            <td>Olga</td>
                            <td>olga@domain.com</td>
                            <td>+98(765)432-11-97</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>109</td>
                            <td>Homer</td>
                            <td>homer@domain.com</td>
                            <td>+98(765)432-11-90</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="checkbox"/></td>
                            <td>110</td>
                            <td>Tifany</td>
                            <td>tifany@domain.com</td>
                            <td>+98(765)432-11-92</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>

</div>




<!-- Javascript -->
<!--<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>-->
<script src="../static/js/raphael-min.js"></script>
<script src="../static/js/morris-0.4.3.min.js"></script>
<script src="../static/js/morris-custom.js"></script>
<script type="text/javascript" src="../static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.sobox.js"></script>
<!--DIV高度自适应-->
<script type="text/javascript">
        var h =document.getElementById("block").offsetHeight;
            if (h>800){
                document.getElementById("block").style.height="100"+"%";
            }else{
                document.getElementById("block").style.height="800"+"px";
            }
</script>

<script>
        function click_sure(){
            console.log("sure");
        }
        function click_cancel(){
            console.log("close");

        }
        <!--显示设置弹窗-->
        $('.a-alert').click(function (e) {
            //$.sobox.alert('设置','<div class="setup"><p style="font-size: 23px;color:#000000;font-family:黑体;text-align:center;">在线病床显示设置</p><form action="/admin/api/chaneg_filter/{{.UserID}}" method="post"><div class="setupmain"><div class="option" style="margin-left: 200px;"><dl class="select"><select class="showselect"><option value="Floor">楼层</option><option value="Floor1">1楼</option><option value="Floor2">2楼</option></select></div><div class="option"><dl class="select"><select class="showselect"><option value="Department">部门</option><option value="儿科">儿科</option><option value="妇科">妇科</option></select></div></div><div class="liquidbutton"><div style="float: left; width: 300px;height: 80px;margin-top: 50px; margin-left: 10px;"><p style="font-size: 25px;color:#000000;font-family:黑体;">液位提醒开关</p></div><div class="switch demo3"><input type="checkbox" name="LiquidCheck" class="LiquidCheck" checked><label><i></i></label></div></div><div class="colorbutton"><div style="float: left; width: 300px;height: 80px;margin-top: 80px; margin-left: 20px;"><p style="font-size: 25px;color:#000000;font-family:黑体;">颜色提醒开关</p></div><div class="switch demo3"><input type="checkbox"  name="ColorCheck" class="ColorCheck" checked><label><i></i></label></div></div></form></div>');
            $.sobox.pop({
                /* 弹出类型及类型参数 */
                type : 'iframe', // 弹窗内容模式:'content','target','ajax','iframe'，每个模式分别对应每个参量
                target : null, // target方式，target目标，如 '.detail','#contbox'
                content :'',
                iframe : "/admin/api/chaneg_filter/{{.admin.UserID}}", // iframe方式，值为iframe目标页链接，如：http:// www.baidu.com/
                ajax:{url:null,data:null,callback:function(){}}, // ajax方式

                /* 位置信息 */
                posType:'center', // 'center,win,doc,tc,bc' 位置类型：居中 | 距window顶部 | 距离doucment顶部定 | top水平居中 | bottom水平居中
                pos:[0,0], // [x,y] 距离document左上角坐标,set模式使用
                offset:[0,0], // [x,y] 弹窗相对本来设定位置偏移量,center模式只改变y轴

                /* 自定义参数 */
                cls : null, // 添加自定义类名
                width:700,height:500, // 宽高属性,iframe模式下，height为iframe高度
                defaultShow:true, // 直接显示pop
                visibility:true, // 默认pop执行后显示（用于部分复杂处理场景）
                title : '显示设置', // 默认标题
                showTitle:true, // 标题栏隐藏：默认显示
                outCloseBtn : false, //标题上的关闭按钮是否外置 ：默认内置
                showMask : true, // 显示遮罩
                onlyOne : false, // 为true时，同一状态下只显示一个pop
                drag :true, // 是否可拖动
                maskClick : true, // 点击背景关闭内容
                btn : [{
                    cls:null, // 添加类名
                    text:'确定', // 默认按钮文字
                    link:'#', // 为a添加链接，添加链接后，按钮返回链接指向地址
                    removePop: true, // 默认点击按钮关闭弹出层
                    callback:function (){
                        click_sure();
                    } // 返回事件
                }
                ], // {cls:,text'确定',link:,removePop: true,callback:}

                /* 返回事件 */
                beforePop:function(){}, // 窗口打开之前返回事件
                onPop: function(){}, // 窗口打开返回事件
                closePop: function(){
                    console.log($('.ColorCheck'))

                } // 窗口关闭返回事件
            });
            return false;
        });
    </script>
</body>
</html>
